<!doctype html>
<html><head>
	<meta charset="utf-8">
	<title>BI首页</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	
	
	<!-- jQuery  -->
    <script type="text/javascript" src="/static/plugins/jquery/jquery-3.6.0.min.js"></script>
    
	<!-- bootstrap5 -->
	<link href="/static/plugins/bootstrap/5.1.3/css/bootstrap.min.css" rel="stylesheet" media="all" />
	<script src="/static/plugins/bootstrap/5.1.3/js/bootstrap.bundle.min.js" charset="utf-8"></script>
	
	<style type="text/css">
	.active {color: #0d6efd !important;}
	.nav-link{color: #495057;}
	</style>
</head>
<body>
	<div class="container mt-3" style="max-width: 100% !important; padding: 0;">
	  <!-- Nav tabs -->
	  <ul class="nav nav-tabs" role="tablist">
	    <li class="nav-item" data-loaded="1"><a class="nav-link active" data-bs-toggle="tab" href="#home">亚马逊</a></li>
	    <li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu1', '/web/bi/finance/fund')"><a class="nav-link" data-bs-toggle="tab" href="#menu1">财务资金</a></li>
	    <li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu2', '/web/bi/finance/trend')"><a class="nav-link" data-bs-toggle="tab" href="#menu2">财务资金趋势</a></li>
	    <li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu3', '/web/bi/business/fund')"><a class="nav-link" data-bs-toggle="tab" href="#menu3">业务资金</a></li>
	    <li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu4', '/web/bi/business/running')"><a class="nav-link" data-bs-toggle="tab" href="#menu4">业务流水</a></li>
	    <li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu5', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu5">采购服务</a></li>
		<li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu6', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu6">仓储服务</a></li>
		<li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu7', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu7">物流服务</a></li>
		<li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu8', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu8">公共服务</a></li>
		<li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu9', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu9">运营服务</a></li>
		<li class="nav-item" data-loaded="0" onclick="doReload(this, 'menu10', '/web/bi/business/category')"><a class="nav-link" data-bs-toggle="tab" href="#menu10">人力服务</a></li>
	  </ul>
	
	  <!-- Tab panes -->
	  <div class="tab-content" style="height: calc(100vh - 80px);">
	    <div id="home" class="container tab-pane active" style="max-width: 100% !important; height: 100%; padding: 0;">
	      <iframe id="id_iframe_0" frameborder="0" scrolling="yes" style="width:100%; height:100%;" src="/web/bi/amazon"></iframe>
	    </div>
	    <div id="menu1" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;">
	    </div>
	    <div id="menu2" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;">
	    </div>
	    <div id="menu3" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;">
	    </div>
	    <div id="menu4" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;">
	    </div>
	    <div id="menu5" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
		<div id="menu6" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
		<div id="menu7" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
		<div id="menu8" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
		<div id="menu9" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
		<div id="menu10" class="container tab-pane fade" style="max-width: 100% !important; height: 100%; padding: 0;"></div>
	  </div>
	</div>
	
	<script type="text/javascript">
		var classfyModuleClassifyType = -1;//分类模块用
	function doReload(dom, id_iframe, url) {
		//分类模块
		if(id_iframe=='menu5'){
			classfyModuleClassifyType = 0;
		}else if(id_iframe=='menu6'){
			classfyModuleClassifyType = 1;
		}else if(id_iframe=='menu7'){
			classfyModuleClassifyType = 2;
		}else if(id_iframe=='menu8'){
			classfyModuleClassifyType = 3;
		}else if(id_iframe=='menu9'){
			classfyModuleClassifyType = 4;
		}else if(id_iframe=='menu10'){
			classfyModuleClassifyType = 5;
		}else {
			classfyModuleClassifyType = -1;
		}
		
		var loaded = $(dom).attr('data-loaded');
		if(loaded == 0) {
			$(dom).attr('data-loaded', 1);
			setTimeout(function(){
				$('#' + id_iframe).html('<iframe key="' + id_iframe + '" frameborder="0" scrolling="yes" style="width:100%; height:100%;" src="' + url + '"></iframe>');
			}, 500);
			
		}
	}
	</script>
</body>
		
</html>